<style type="text/css" media="all">
    /*put your style here*/




    .price-tab{
        /*padding:15px;text-align:center;	font-size:18px;*/
        min-width: 300px;
        border-bottom:2px solid #cdcdcd;
        text-align: center;
        width: 50%;
        margin: 0 auto;
        line-height: 30px;
        font-size: 20px;
    }
    .price-tab a{
        cursor: pointer;
        color: #cdcdcd;

        font-size: 18px;

    }
    .price-tab a:hover{
        color: #4e97d0;
    }
    .price-tab a:link,  .price-tab a:visited{
        color: #cdcdcd;
    }
    a.st2{
        color: #4e97d0;
    }

    .price-tab-frag{

    }
    .price-tab-frag h2{
        font-size: 16px;
        color: #6e6e6e;
    }
    .price-tab-frag div{
        color: #6e6e6e;
    }

    .price-list{
        border-top: 1px #efefef dashed;
    }

    .price-list > li{
        /*padding:4px;padding-left:5px;border-bottom:1px #ccc deshed*/
        width: 100%;
        float: left;
        line-height: 28px;
        font-size: 18px;
        border-top: 1px #efefef dashed;
    }
    .price-list > li .name{
        float: left;
        color: #acacac;
       font-size: 14px;
    }
    .price-list > li .price{
        float: right;
        color: #f9b62e;
    }

</style>

<script type="text/x-underscore-template">
//put your template here
</script>

<!-- header -->
<header class="bar-title">
    <a id="back" class="button back">
    <img src="../service/img/icon_back.ing" style="width:20px;">
    </a>
    <h1 class="title">服务费用计算</h1>
</header>

<!-- uncomment this if you want a sencondary-bars

<nav class="bar-standard bar-header-secondary">
</nav>

-->

<!-- content -->
<div class="content"id="serviceCharge">
<div  style="padding:15px;">

            <h2>服务收费计算</h2>


            <ul class="price-list">
            	     <li >
                    <!--<h2 class="ft">-->
                        <span class="name">服务费</span>
                        <span class="name">&nbsp;&nbsp;&nbsp;更改电脑板</span>
                        <span class="price">￥180</span>
                    <!--</h2>-->
                    <!--<hr>-->
                </li>
                <li >
                    <!--<h2 class="ft">-->
                        <span class="name">备件费</span>
                          <span class="name">&nbsp;&nbsp;&nbsp;电脑板</span>
                            <span class="name">&nbsp;&nbsp;&nbsp;单价(70)</span>
                                 <span class="name">&nbsp;&nbsp;&nbsp;数量(2)</span>
                        <span class="price">￥140</span>
                    <!--</h2>-->
                    <!--<hr>-->
                </li>
                <li >
                    <!--<h2 class="ft">-->
                        <span class="name">材料费</span>
                              <span class="name">&nbsp;&nbsp;&nbsp;电脑板</span>
                            <span class="name">&nbsp;&nbsp;&nbsp;单价(70)</span>
                                 <span class="name">&nbsp;&nbsp;&nbsp;数量(2)</span>
                        <span class="price">￥180</span>
                    <!--</h2>-->
                    <!--<hr>-->
                </li>
                <li  >
                    <!--<h2 class="ft">-->
                        <span class="name">材料费</span>
                              <span class="name">&nbsp;&nbsp;&nbsp;电脑板</span>
                            <span class="name">&nbsp;&nbsp;&nbsp;单价(70)</span>
                                 <span class="name">&nbsp;&nbsp;&nbsp;数量(2)</span>
                        <span class="price">￥180</span>
                    <!--</h2>-->
                    <!--<hr>-->
                </li>

                     <li >
                    <!--<h2 class="ft">-->
                        <span class="name">本次合计</span>
                        <span class="price" style="float:left;">&nbsp;&nbsp;￥180</span>
                    <!--</h2>-->
                    <!--<hr>-->
                </li>
            </ul>
        </div>
</div>